<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="这里是 tea">
    <meta name="date" content="2024/7/28">
    <title>Rang茶商城 | 茶叶</title>
    <link rel="stylesheet" href="../../css/yitao/custom.css">
    <link rel="stylesheet" href="../../css/yitao/showTea.css">
    <script src="../../source/jquery.min.js"></script>
    <script src="../../source/mock-min.js"></script>
    <script src="../../js/yitao/class/tea.js"></script>
    <script src="../../js/yitao/service/teaService.js"></script>
    <script src="../../js/yitao/tea/showTea.js"></script>
</head>
<body>
    <header>
        <div class="logo">
            <img src="../../img/yitao/logo.webp" alt="" width="118" height="75">
        </div>
        <nav>
            <ul class="nav-ul">
                <li>
                    <a href="../../index/view/index.html">首页</a>
                </li>
                <li>
                    <a href="about.html">关于</a>
                </li>
                <li>
                    <a href="showTea.html">茶叶</a>
                </li>
                <li>
                    <a href="../../马元锋作业/view/jidi.html">基地</a>
                </li>
                <li>
                    <a href="news.html">新闻</a>
                </li>
                <li>
                    <a href="../../联系/view/lianxi.html">联系</a>
                </li>
            </ul>
        </nav>
        <div class="btn">
            <img src="../../img/yitao/header/search.png" alt="">
            <img src="../../img/yitao/header/my.png" alt="" onclick="window.location.href='../../联系/view/dl.html'">
            <img src="../../img/yitao/header/shopCar.png" alt="">
        </div>
    </header>
    <div class="content">
        <nav class="nav">
            <ul>茶叶</ul>
            <ul class="teaType-selector">
                <li>
                    <a onclick="changeType(this.innerText)">全部</a>
                </li>
                <li>
                    <a onclick="changeType(this.innerText)">绿茶</a>
                </li>
                <li>
                    <a onclick="changeType(this.innerText)">黄茶</a>
                </li>
                <li>
                    <a onclick="changeType(this.innerText)">乌龙茶</a>
                </li>
                <li>
                    <a onclick="changeType(this.innerText)">红茶</a>
                </li>
                <li>
                    <a onclick="changeType(this.innerText)">黑茶</a>
                </li>
                <li>
                    <a onclick="changeType(this.innerText)">白茶</a>
                </li>
                <li>
                    <a onclick="changeType(this.innerText)">花茶</a>
                </li>
            </ul>
        </nav>
        <div class="tea-container">
            <!--使用JS渲染-->
        </div>
        <div class="pageFeed">
            <ul>
                <li>
                    <button class="n-l-btn" id="first">首页</button>
                    <button class="n-l-btn" id="previous">上一页</button>
                </li>
            </ul>
            <ul id="pageBtnList"></ul>
            <ul>
                <li>
                    <button class="n-l-btn" id="next">下一页</button>
                    <button class="n-l-btn" id="last">尾页</button>
                </li>
            </ul>
        </div>
    </div>
    <footer>
        <div class="footer-main">
            <div class="contact">
                <h3>联系</h3>
                <p>CONTACT</p>
            </div>
            <div class="followUs">
                <p>关注我们</p>
                <img src="../../img/yitao/footer/weChat.png" alt="">
                <img src="../../img/yitao/footer/weiBo.png" alt="">
            </div>
            <div class="address">
                <h5>起飞页自助建站平台</h5>
                <p>地址：苏州市建外SOHO东区2号楼</p>
                <p>邮编：100000</p>
                <p>电话：010-69557550</p>
            </div>
            <div class="CodeImg">
                <img src="../../img/yitao/footer/code1.webp" alt="">
                <img src="../../img/yitao/footer/code1.webp" alt="">
            </div>
        </div>
        <div class="footer-bottom">
            <p>© 2022-2023 茶叶商城 版权所有</p>
        </div>
    </footer>
    <script type="text/javascript">
    </script>
</body>
</html>